<script lang="ts" setup>
import { useUserStore } from '@/stores/user.store'

const userStore = useUserStore()
</script>

<template>
  <a-avatar>
    <img alt="avatar" :src="userStore.user.avatar" />
  </a-avatar>
  <span class="text-xl">{{ userStore.user.username }}</span>
</template>
